<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<!-- <link rel="stylesheet" href="../libs/jquery/dengluzhuce/css/normaliza.min.css"> -->
	<link rel="stylesheet" href="../libs/jquery/dengluzhuce/css/style.css">
    <link rel="stylesheet" href="./libs/icon-font/iconfont.css">
    <link rel="stylesheet" href="../css/login.css">
</head>
<body>
	<div id="formContainer" class="dwo">
        <div class="formLeft">
            <a href="http://localhost:8888/index.html"><img src="../../../../img/avatar.png"></a>
        </div>
        <div class="formRight">
            <!-- Forgot password form -->
            <form id="forgot" class="otherForm">
                <header>
                    <h1>忘记密码</h1>
                    <p>输入邮箱找回密码</p>
                </header>
                <section>
                    <label>
                        <p>邮箱</p>
                        <input type="email" placeholder=" ">
                        <div class="border"></div>
                    </label>
                    <button type="submit">发送邮件</button>
                </section>
                <footer>
                    <button type="button" class="forgotBtn">返回</button>
                </footer>
            </form>

            <!-- Login form -->
            <form id="login">
                <header>
                    <h1>欢迎回来</h1>
                    <p>请先登录</p>
                </header>
                <section>
                    <label>
                        <p style="float: left;">用户名</p><span class="p1"></span>
                        <input type="text" placeholder=" " class="userp1">
                        <div class="border"></div>
                    </label>
                    <label>
                        <p style="float: left;">密码</p><span class="p2"></span>
                        <input type="password" placeholder=" " class="userp2">
                        <div class="border"></div>
                    </label>
                    <a href="http://localhost:8888/index.html"><button type="submit">登 录</button></a>
                </section>
                <footer>
                    <button type="button" class="forgotBtn">忘记密码？</button>
                    <button type="button" class="registerBtn">新用户？</button>
                </footer>
            </form>

            <!-- Register form -->
            <form id="register" class="otherForm">
                <header>
                    <h1>用户注册</h1>
                    <p>注册后享受更多服务</p>
                </header>
                <section>
                    <label>
                        <p style="float: left;">用户名</p><span class="p3"></span>
                        <input type="text" placeholder=" " class="userp3">
                        <div class="border"></div>
                    </label>
                    <label>
                        <p style="float: left;">邮箱</p><span class="p4"></span>
                        <input type="email" placeholder=" " class="userp4">
                        <div class="border"></div>
                    </label>
                    <label>
                        <p style="float: left;">密码</p><span class="p5"></span>
                        <input type="password" placeholder=" " class="userp5">
                        <div class="border"></div>
                    </label>
                    <label>
                        <p style="float: left;">重复密码</p><span class="p6"></span>
                        <input type="password" placeholder=" " class="userp6">
                        <div class="border"></div>
                    </label>
                    <button type="submit">注 册</button>
                </section>
                <footer>
                    <button type="button" class="registerBtn">返回</button>
                </footer>
            </form>
        </div>
    </div>
	<script src="../libs/jquery/jquery.min.js"></script>
	<script src="../libs/jquery/dengluzhuce/script.js"></script>
    <script src="../js/login.js"></script>
</body>
</html>